<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="index.css" />
    </head>
    <body>
        <div id="state"></div>
        <div id="errmsg"></div>
        <div class="head">
            <div class="token">
                <a
                    target="_blank"
                    class="text"
                    href="http://translate.codeai.net.cn/"
                    >翻译之家</a
                >
                <div class="text">:谷歌翻译token:</div>
                <input type="text" id="token" value="78pt0Yw3e9Ap1U5ZsNSc" />
            </div>
            <div class="input text">
                输入要翻译的中文：
                <input type="text" id="keyword" value="" />
            </div>
            <div class="obj text">
                输入对象key：
                <input type="text" id="objKey" value="" />
                <div id="i18n">$t('')</div>
                <button id="i18nBtn">复制</button>
                <button id="i18nBtn2">复制 （去除common）</button>
                <button id="objKeyFind">查找翻译</button>
            </div>
            <button id="confirm">翻译并写入</button>
            <button id="confirmCover">翻译并写入（覆盖）</button>
            <button id="find">查找中文(enter)</button>
            <button id="reset">重置参数</button>
            <button id="setConfig">编辑参数</button>
            <button id="back">撤销本次翻译</button>
            <br/>
            <button style="margin-top: 15px;" id="excel">导出为Excel</button>
            <button style="margin-top: 15px;" id="importExcel">导入Excel</button>
        </div>
        <div class="findRes" id="config">
            <div class="title">参数编辑:</div>
            <div class="list" id="configSaveList" style="margin:10px 0;display: flex;flex-flow: row wrap; gap: 5px;">
                <button class="item" id="configSaveNew">保存为新预设</button>
                <div class="name">
                    <input id="saveName" type="text">
                </div>
                <div class="btnList">
                </div>
            </div>
            <textarea name="" id="configArea"></textarea>
        </div>
        <div class="findRes" id="findRes">
            <div class="title">查找结果:</div>
            <div id="findResList">无</div>
        </div>
        <div class="cofing" id="configEl">
            <div class="title">翻译列表:</div>
            <div class="lang">
                <div class="row">
                    <div class="line">
                        <div class="label">中文</div>
                        <div class="code">zh</div>
                        <div class="file"></div>
                    </div>
                    <div class="data"></div>
                </div>
            </div>
        </div>
    </body>
    <script src="./node_modules/jquery/dist/jquery.js"></script>
    <script type="module" src="./js/index.js"></script>
</html>
